<template>
  <div>
    <el-menu 
    default-active="/home/joke" 
    class="el-menu-vertical-demo" 
    @select="handleSelect" 
    collapse router
    >
        <el-menu-item index="/home/joke">
            <i class="el-icon-discount"></i>
        </el-menu-item>
        <el-menu-item index="">
            <i class="el-icon-location"></i>
        </el-menu-item>
        <el-menu-item index="">
            <i class="el-icon-menu"></i>
        </el-menu-item>
        <el-menu-item index="">
            <i class="el-icon-document"></i>
        </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
    name:'HomeMenu',
    data() {
        return {
        }
    },
    methods: {
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
      },
    },
}
</script>